<template>
     <div class="chartBox">
          <districtTreeChart type="df_hazards" @getDistrictData="getDistrictData"></districtTreeChart>
     </div>
</template>

<script setup lang="ts">
import districtTreeChart from '@/components/districtTreeChart/index.vue'

let $emit = defineEmits(['getChartClickData'])
const district = ref<any>(null)
const getDistrictData = (data: any) => {
     district.value = data
     console.log('data', data)
     $emit('getChartClickData', data)
}
defineExpose({
     district,
})
</script>

<style lang="scss" scoped>
.chartBox {
     height: 100%;
     width: 100%;
}
</style>
